<template>
  <div class="header">
    <input type="text" placeholder="请输入搜索内容" />
    取消
    <div class="box">
      <br />
      <hr />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.header {
  width: 750px;
  height: 32px;
}
input {
  width: 500px;
  height: 32px;
  background-color: rgba(239, 239, 239, 100);
  color: rgba(16, 16, 16, 100);
  font-size: 14px;
  margin-left: 50px;
}
input::-ms-input-placeholder {
  text-align: center;
  font-size: 30px;
}
input::-webkit-input-placeholder {
  text-align: center;
  font-size: 30px;
}
</style>
